<template>
  <div class="page-swipe">

    <mt-swipe  class="banner">

      <mt-swipe-item
        class="slide1"
        v-for="items of listBanner"
        :key="items.id">
        <img
          :src="items.imgUrl" alt="">
      </mt-swipe-item>


    </mt-swipe>

  </div>
</template>
<script>
  export default {
    props:["listBanner"],
    data(){
      return{

      }
    }
  }
</script>
<style lang="stylus">
  .mint-swipe banner
    position :relative
  .banner
    height: 2.6rem;
    background #25a4bb

    .mint-swipe-indicator
       opacity :1
    img
      width :100%




</style>
